.container{
    flex-direction: column;
    justify-content: flex-start;
}
.main-img image{
    width: 100%;
}
.white-card{
    width: 100%;
    flex-direction: column;
    justify-content: flex-start;
    padding: 15px;
}
.name{
    margin-top: 15px;
/*    margin-left: 15px;*/
}
.name text{
    font-size: 22px;
    font-weight: bold;
}
.des{
    margin-top: 15px;
/*    margin-left: 15px;*/
}
.des text{
    font-size: 18px;
}
.ingredients-box{
    margin-top: 15px;
    width: 100%;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}

.ingredients-title text{
    font-size: 18px;
    font-weight: bold;
}
.ingredients-img{
    margin-left: 8px;
    justify-content: center;
    align-items: center;
}
.ingredients-img image{
    width: 18px;
    height: 18px;
}
.ingredients-for{
    margin-top: 12px;
    width: 100%;
    height: 5%;
/*    background-color: yellow;*/
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    border-bottom: 1px dashed gray;
}
.i-name{
    width: 50%;
    align-items: center;
}
.i-name text{
    font-size: 15px;
}
.i-dosage{
    width: 50%;
    align-items: center;
}
.i-dosage text{
    font-size: 15px;
}
.step-for{
    width: 100%;
    flex-direction: column;
/*    align-items: center;*/
}
.step-title text{
    margin-top: 15px;
    font-size: 18px;
    font-weight: bold;
}
.step-img image{
    margin-top: 15px;
    width: 100%;
    height: 260px;
    border-radius: 10px;
}
.step-text text{
    margin-top: 15px;
    font-size: 18px;
}
.btn-div{
    margin-top: 25px;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
}
.btn{
    width: 60%;
/*    height: 10%;*/
/*    border-radius: 15px;*/
}
.btn-box{
    width: 100%;
    height: 50px;
    margin-bottom: 5px;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.btn-box  button{
    margin-top: 5px;
    background-color: #317AFF;
    margin-left: 10px;
}